.clearfix::after
    content: " "
    display: block !important
    clear: both
.align-center
    text-align: center
$orange: #ff5800
.sec1
    p
        font-size: .65rem
        font-weight: bold
        line-height: 1.3rem
        text-align: center
        span
            color: $orange
    p.big 
        font-size: 1.05rem
        margin-bottom: .6rem
        margin-top: .6rem
        color: #ff0000
    img
        width: 15rem
        padding: .3rem .5rem
        background-color: #d8d6d9
.sec2
    margin: .5rem
    p.title
        font-size: .75rem
        font-weight: bold
        margin-bottom: .25rem
    p.intro
        font-size: .6rem
        
    .case
        img
            width: 7rem
            margin-bottom: .2rem
            margin-top: .6rem
        p.case-title
            font-size: .65rem
            font-weight: bold
            margin-bottom: .1rem

        p.project
            font-size: .55rem
            span 
                color: $orange
        .quest
            margin-top: .4rem
            a   
                display: block
                font-size: .55rem
                transform: all
                transition: all .5s
                -webkit-transition: all .5s
                &:first-of-type
                    width: 3.275rem
                    height: .875rem
                    line-height: .875rem
                    color: #fff
                    background-color: $orange
                &:last-of-type
                    border: .025rem solid #000
                    width: 3.225rem
                    height: .825rem
                    &:hover 
                        border-color: $orange
                        background-color: $orange
                        color: #fff
    a.chat 
        display: block
        width: 11.725rem
        height: 1.45rem
        font-size: .6rem
        color: #fff
        line-height: 1.45rem
        background-color: #a86342
        border-radius: (1.45rem/2)
        margin: 1rem auto 0
.sec3
    margin: 1.3rem .5rem 0
    img.start 
        margin-bottom: 1rem
    .flex
        border: .025rem solid #a86342
        margin-bottom: .5rem
        .word
            &.f
                margin-left: .8rem
            &.s
                margin-right: .8rem
            p.title
                display: inline-block
                font-size: .6rem
                color: #a86342
                padding: 0 .1rem .3rem
                margin-bottom: .4rem
                margin-top: .4rem
                border-bottom: .025rem solid #a86342
            p.intro 
                line-height: .85rem
                font-size: .55rem
        img 
            width: 6.425rem
.sec4
    text-align: center
    margin: .5rem
    p.title
        font-size: .75rem
        margin-bottom: .35rem
        margin-top: .75rem
    p.intro 
        font-size: .6rem
        margin-bottom: .65rem
    ul 
        li 
            font-size: .55rem
            height: 1.15rem
            line-height: 1.15rem
            border: .025rem solid #e38c61
            margin-bottom: .275rem
            a 
                padding-left: .625rem
                span
                    display: block
                p 
                    width: 4.45rem
                    background-color: #e38c61
                    color: #fff
    a.chat 
        display: block
        font-size: .55rem
        width: 11.725rem
        height: 1.45rem
        color: #fff
        line-height: 1.45rem
        background-color: #e38c61
        border-radius: (1.45rem/2)
        margin: 1rem auto 0
        strong
            font-size: .6rem
            color: #ff0000
        img 
            width: .725rem
            vertical-align: text-bottom
